<template>
	<view class="container">
		<view class="userAvatar">
			<open-data type="userAvatarUrl"></open-data>
		</view>
		<view class="userName">
			<open-data class="" type="userNickName"></open-data>
		</view>
	</view>
	<view class="bottom">
		<van-cell is-link title="历史订单" link-type="navigateTo" url="/pages/mine/historyOrder" />
		<van-cell is-link title="分享好友" link-type="navigateTo" url="/pages/mine/share" />
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.container {
		padding-top: 30px;
		height: 180px;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #eee;
	}

	.userAvatar {
		width: 120px;
		height: 120px;
		border-radius: 60px;
		overflow: hidden;
	}

	.userName {
		margin: 20px 0px;
	}
</style>